<!DOCTYPE html>
<html lang="ko" style="margin:0; padding:0">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
  <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<style type="text/css"> 
.layer_area {position:absolute; width:100%; height:100%;  filter:alpha(opacity=100); opacity:1; text-align:center; }
</style>
 </head>
 <body style="margin:0; padding:0">
 
<div style="margin:30px;"><span class="button medium"><a href="#" id="layer_open">카드번호확인</a></span></div>
<div class="layer" style="position:absolute; background:#CCC; filter:alpha(opacity=60); opacity:0.6; top:0; margin:0; padding:0; display:none; width:100%; height:100%;">
 
<div class="layer_area" id="layer1">
<br /><br /><br /><br /><br /><br />주민등록번호 입력<br /><br />
<input type="number" /> - <input type="number" /><br />
<span class="button medium"><a href="#" id="layer_close">확인</a></span></div>
</div>
 
<script type="text/javascript"> 
jQuery(function($){ 
	$('#layer_open').click(function(){
		$('.layer').fadeIn();
		return false;
	});
	$('.layer .bg').click(function(){
		$('.layer').fadeOut();
	});
	$('#layer_close').click(function(){
		$('.layer').fadeOut();
		return false;
	});
	$(document).ready(function(){
	});
});
</script>
 
 </body>
</html>

